/**
 * 
 */

$(function() {
	$("#languageId").change(function(){
		var language = $(this).children("option:selected").attr("data-key");
		if(language == 'zh' ){
			$(".zh-category").addClass("defaultForm");
			$(".en-category").removeClass("defaultForm");
		}else{
			$(".zh-category").removeClass("defaultForm");		
			$(".en-category").addClass("defaultForm");
		}
	})
	
	editable(".content-box-content .tab-content .editable");
	function editable(element, isclick){
		$(element).editable({
			editBy:"click"
		});
		if(isclick)
			$(element).click();
	}
	$(".zh-category .add").click(function(){
		var zhDefaultText = "請輸入成功案例類別";
		$h5 = $("<h5>").addClass("editable").text(zhDefaultText);
		$("<li>").append("<input type=\"checkbox\" name=\"productCategoryId\" value=\"\"/>").append($h5)	    
		.append("<div class=\"clear\"></div>").appendTo(".zh-category .tab-content");
		editable($h5, true);
	})
	$(".en-category .add").click(function(){
		var enDefaultText = "Enter Successful Cases Category";
		$h5 = $("<h5>").addClass("editable").text(enDefaultText);
		$("<li>").append("<input type=\"checkbox\" name=\"productCategoryId\" value=\"\"/>").append($h5)
	     .append("<div class=\"clear\"></div>").appendTo(".en-category .tab-content");
		editable($h5, true);
	})
	
	$(".submit").click(function(){
		var categorys = [];
		$(".tab-content li").each(function(j){
			var languageId="";
			if($(this).parents("fieldset").hasClass("zh-category")){
				languageId = $("option[data-key='zh']").val();
			}else if($(this).parents("fieldset").hasClass("en-category")){
				languageId = $("option[data-key='en']").val();
			}
			var category = {};
			category["categoryName"] = $(this).children("h5").text();
			category["productCategoryId"] = $(this).children(":checkbox").val();
			category["categoryType"] = 3;
			category["languageId"] = languageId;
			categorys[j] = category;
		})
		$.ajax({
			url : ctx+"/category/save.do",
			data : {category : $.toJSON(categorys)},
			type : "POST",
			success: function(data){
				showInfo(data, function(){
					getCategory();					
				})
			}
		})
	})
	getCategory();
	function getCategory(){
		var languageMap = {};
		$("#languageId option").each(function(){
			languageMap["languageId_"+$(this).val()] = $(this).attr("data-key");
		})
		$.getJSON(ctx+"/category/getAll.do", function(data){
			if(data){
				$("ul.tab-content").empty();
				$.each(data, function(i, category){
					var key = eval("languageMap.languageId_"+category.languageId);
					var categoryDiv = $("."+key+"-category");
					if(category.categoryType == 3){							
						$h5 = $("<h5>").addClass("editable").text(category.categoryName);
						$("<li>").append("<input type=\"checkbox\" name=\"productCategoryId\" value='"+category.productCategoryId+"'/>").append($h5)
					     .append("<div class=\"clear\"></div>").appendTo(categoryDiv.find(".tab-content"));
						editable($h5);
					}
				})
			}
		})
	}
	
	$(".delete").click(function(){
		var deleteBtn = $(this);
		showMessage({
			message : "Are you sure delete!"
		},{
			OK:function(){
				var checkedCategory = $(deleteBtn).parents("fieldset").find(":checked");
				if(checkedCategory.val()){
					$.ajax({
						url : ctx+"/category/delete.do",
						data : {categoryId : checkedCategory.val()},
						type : "POST",
						success: function(data){
							showInfo(data, function(){					
							})
						},
						error: function(r){
							showInfo(r, function(){});
						}
					})
				}
				checkedCategory.parent("li").remove();				
			},
			Cancel:function(){}
		})
	})
})